<!DOCTYPE html>
<html lang="en">
<head>
@include('v1.common.meta')
<!-- Load Current Page CSS -->
    <link rel="stylesheet" href="{{elixir('css/dashboard.css')}}">
</head>

<body>
<!-- 后台主界面 -->
<div class="layui-layout layui-layout-admin">
    <!-- 头部区域 -->
    <div class="layui-header yjs-menu">
        <!-- LOGO显示区域 -->
        <div class="yjs-logo posb">
            <img src="{{elixir('images/logo.png')}}">
        </div>
        <!-- 菜单显示区域 -->
        <div class="layui-main posb">
            @include('v1.menu')
        </div>
    </div>

    <!-- 左侧导航区域 -->
    <div class="layui-side layui-bg-black yjs-left">

        <div class="layui-side-scroll">
        @if(Auth::check())
            <!-- 登录用户信息显示区域 -->
                {{--<div class="yjs-user-info">--}}
                    {{--<div class="yjs-info-row">--}}
                        {{--<!-- 头像显示区域 -->--}}
                        {{--<div class="yjs-user-photo" id="dashAvatar">--}}
                            {{--<img src="{{$logindata['avatar']}}" alt="{{$logindata['name']}}"/>--}}
                        {{--</div>--}}

                        {{--<p>{{$logindata['name']}}，<i id="welcome"></i></p>--}}
                        {{--<p><i id="date"></i></p>--}}
                        {{--<p style="margin-top: 1px;"><i id="weather"></i></p>--}}
                    {{--</div>--}}
                    {{--<div class="yjs-info-row" style="text-align: center;">--}}
                        {{--<div class="layui-btn-group">--}}
                            {{--<button class="layui-btn layui-btn-small" id="btnFullscreen">--}}
                                {{--<i class="yjs-icon">&#xe64e;</i>--}}
                                {{--<cite>全屏</cite>--}}
                            {{--</button>--}}
                            {{--<button class="layui-btn layui-btn-small" id="btnLockscreen">--}}
                                {{--<i class="yjs-icon">&#xe621;</i>--}}
                                {{--<cite>锁屏</cite>--}}
                            {{--</button>--}}
                            {{--<button class="layui-btn layui-btn-small" id="btnLogout">--}}
                                {{--<i class="yjs-icon">&#xe656;</i>--}}
                                {{--<cite>退出</cite>--}}
                            {{--</button>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                <!-- 子菜单显示区域 -->
                <div class="yjs-sub-menu">
                    @include('v1.submenu',compact($logindata))
                </div>
        @else
            <!-- 未登录用户信息显示区域 -->
                <div class="yjs-user-info">
                    <div class="yjs-info-row">
                        <!-- 头像显示区域 -->
                        <div class="yjs-user-photo">
                            <img src="{{elixir('images/default.jpg')}}" alt="游客"/>
                        </div>

                        <p>游客，<i id="welcome"></i></p>
                        <p><i id="date"></i></p>
                        <p style="margin-top: 1px;"><i id="weather"></i></p>
                    </div>
                </div>
            @endif
        </div>
    </div>

    <!-- 右侧内容主体区域 -->
    <div class="layui-body" id="yjs-body">
        <div class="layui-tab yjs-tab-box" lay-filter="yjsTab">
            <!-- 选项卡显示区 -->
            <ul class="layui-tab-title">

            </ul>

            <!-- tab内容显示区 -->
            <div class="layui-tab-content">

            </div>
        </div>
    </div>

    <!-- 底部区域 -->
    <div class="layui-footer">
        <div class="layui-main">
            <p>
                Copyright © 2017 <a href="http://www.yejinsoft.com/" target="_blank">YEJINSOFT.COM</a>, All Rights
                Reserved.
            </p>
        </div>
    </div>
</div>

<!-- 屏幕锁屏 -->
<div class="yjs-lock-screen" style="display:none;">
    <div class="yjs-lock-wrapper" id="lock-screen">
        <div id="time"></div>
        <div class="yjs-lock-box">
            <img src="{{elixir('images/default.jpg')}}" alt="{{$logindata['name']}}">
            <h1>
                {{$logindata['name']}}
            </h1>
            <form class="layui-form yjs-lock-form" action="" method="">
                {{ csrf_field() }}
                <div class="layui-form-item">
                    <input type="password" name="lock_password" lay-verify="pass" placeholder="锁屏状态，请输入密码解锁"
                           autocomplete="off" class="layui-input" autofocus="">
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn larry-btn" id="unlock">立即解锁</button>
                </div>
            </form>
        </div>
    </div>
</div>

@include('v1.common.js')
<!-- Load Custom JS -->
<script src="{{elixir('js/dashboard.js')}}"></script>
<!-- Load JQuery JS -->
<script src="{{elixir('js/jquery-3.2.1.min.js')}}"></script>
<!-- Load FullScreen JS -->
<script src="{{elixir('js/jquery.fullscreen.js')}}"></script>
<!-- Load Leoweather JS -->
<script src="{{elixir('js/jquery.leoweather.min.js')}}"></script>

<script type="text/javascript">
    $('#time').leoweather({
        format: '{时}:{分}:{秒}'
    });
    $('#welcome').leoweather({
        format: '{时段}好！'
    });
    $('#date').leoweather({
        format: '{年}/{月}/{日} {时}:{分}:{秒} 星期{周} '
    });
    $('#weather').leoweather({
        format: '{城市} {昼夜} {天气} {夜间气温}℃ ~ {白天气温}℃'
    });
</script>
</body>
</html>